<!DOCTYPE html>
<html lang="en" th:fragment="html (content)">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title th:text="${site.title}"></title>
    <script th:src="@{/assets/dist/main.iife.js}"></script>
    <link rel="stylesheet" th:href="@{/assets/dist/style.css}"/>
  </head>
  <body
          th:with="globalConfig=${theme.config.global}"
          th:attr="data-theme=${globalConfig.light_theme},data-dark-theme=${globalConfig.dark_theme},data-light-theme=${globalConfig.light_theme}">
    <th:block th:replace="~{component/navbar}"/>
    <div id="main-content">
      <th:block th:replace="${content}"/>
    </div>
    <th:block th:replace="~{component/footer}" />
  </body>
</html>
